import { useDraggable } from '@/components'
import React, { useEffect } from 'react'
import './Draggable.scss'
const Draggable: React.FC = () => {
  let DraggableHook: useDraggable
  useEffect(() => {
    DraggableHook = new useDraggable('Draggable')

  }, [])
  return (
    <div id='Draggable'>
      <div tabIndex={1}>1</div>
      {/* <div tabIndex={2}>2</div>
      <div tabIndex={3}>3</div>
      <div tabIndex={4}>4</div>
      <div tabIndex={5}>5</div> */}
    </div>
  )
}
export default Draggable